<header class="bocweb-header">
	<a href="<?php echo site_url('welcome'); ?>" class="bocweb-logo">
		<img src="<?php echo static_file('web/img/bocweb-logo.png')?>" alt="">
	</a>
	<div class="bocweb-menu">
				
	</div>
	<div class="personal">
		<div class="icon">
			<img src="<?php echo static_file('web/img/personal_icon.png')?>" alt="">
		</div>
		<div class="loginregister">
			<div class="line"></div>
			<a href="" class="login">登录</a>
			<a href="" class="register">注册</a>
		</div>
	</div>
	<div class="bocweb-nav">
		<div class="w1680">
			<nav>
				<ul>
					<li>
						<a href="<?php echo site_url('welcome'); ?>">
							首页
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('hwliving'); ?>">
							热水生活馆
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('purification'); ?>">
							净水科技馆
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('solution'); ?>">
							工程解决方案
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('program'); ?>">
							太阳能电站
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('service'); ?>">
							服务管家
						</a>
					</li>
					<li>
						<a href="<?php echo site_url(''); ?>">
							招商加盟
						</a>
					</li>
					<li>
						<a href="">
							在线购买
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('about'); ?>">
							关于我们
						</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>
	<div class="bocweb_m_nav">
		<nav>
			<div class="scroll">
				<ul>
					<li>
						<a href="<?php echo site_url('welcome'); ?>">
							首页
						</a>
					</li>
					<li>
						<a href="">
							热水生活馆
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('news'); ?>">
							净水科技馆
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('product'); ?>">
							工程解决方案
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('program'); ?>">
							太阳能电站
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('sales'); ?>">
							服务管家
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('service'); ?>">
							招商加盟
						</a>
					</li>
					<li>
						<a href="">
							在线购买
						</a>
					</li>
					<li>
						<a href="<?php echo site_url('about'); ?>">
							关于我们
						</a>
					</li>
				</ul>
			</div>
		</nav>
	</div>
</header>
<div class="search_mark">
	<div class="bg"></div>
	<div class="close">
		
	</div>
	<div class="mark_con">
		<form action="">
			<div class="cen">
				<input type="text" value="" placeholder="请输入搜索关键字">
			</div>
			<div class="right">
				<button type="submit"></button>
			</div>
		</form>
	</div>
</div>
<div class="sidebar">
	<ul>
		<li class="li1">
			<a href="">
				<div class="icon"></div>
			</a>
		</li>
		<li class="li2">
			<a href="">
				<div class="icon"></div>
			</a>
		</li>
		<li class="li3">
			<a href="">
				<div class="icon"></div>
			</a>
		</li>
		<li class="li4">
			<a href="javascript:;">
				<div class="icon"></div>
			</a>
		</li>
	</ul>
</div>
<script type="text/javascript">
	$(function(){
		var WinH = $(window).height();
		var Header_UlH = $('header .bocweb_m_nav').height();
		$('.personal').hover(function(){
			$(this).children('.loginregister').stop(true,false).slideDown();
		},function(){
			$(this).children('.loginregister').stop(true,false).slideUp();
		})
		$('.sidebar li.li4').click(function(){
			$('body,html').animate({'scrollTop':0},500)
		})
		// 搜索
		$('.bocweb-header .bocweb-search').click(function(){
			$('.search_mark').fadeIn();
		})

		$('.search_mark .close').click(function(){
			$('.search_mark').fadeOut();
		})

		// pc导航
		$('header .bocweb-nav ul li').hover(function(){
			$(this).addClass('on');
			$(this).children('dl').stop(true,false).slideDown()
		},function(){
			$(this).removeClass('on')
			$(this).children('dl').stop(true,false).slideUp()
		})

		$('header .bocweb-menu').click(function(){

			var WinH = window.screen.availHeight;//返回当前屏幕宽度
			var HeaerH = $('header').height();

			$('header .bocweb_m_nav').height(WinH-HeaerH);
			$('header .bocweb_m_nav nav .scroll').height(WinH-HeaerH);
			if (Header_UlH > WinH-HeaerH) {
				$('.scroll').css('overflow-y','scroll')
			}else{
				$('.scroll').css('overflow-y','scroll')
			}
			if ($(this).hasClass('on')) {
				$(this).removeClass('on');
				$('header .bocweb_m_nav').stop(true,false).slideUp();
			}else{
				$(this).addClass('on');
				$('header .bocweb_m_nav').stop(true,false).slideDown();
			}
		})
		$('header .bocweb_m_nav nav ul>li').click(function(){
			if ($(this).hasClass('on')) {
				$(this).children('dl').stop(true,false).slideUp();
				$(this).removeClass('on');
			}else{
				$(this).children('dl').stop(true,false).slideDown();
				$(this).addClass('on');
				$(this).siblings().children('dl').slideUp();
				$(this).siblings().removeClass('on')
			}
		})
		// 三级下拉
		// $('.bocweb_m_nav nav dl dd>a').click(function(){
		// 	console.log('111')
		// 	if ($(this).hasClass('on')) {
		// 		$(this).siblings('ul').stop(true,false).slideUp();
		// 		$(this).removeClass('on');
		// 	}else{
		// 		$(this).siblings('ul').stop(true,false).slideDown();
		// 		$(this).addClass('on');
		// 		$(this).parent().siblings().children('ul').slideUp();
		// 		$(this).parent().siblings().children('a').removeClass('on')
		// 	}
		// })
	})
</script>
